<template>
  <div id="home">
    <navigation></navigation>
    <div class="middle_content">
    <allmenu></allmenu>
    <middle-conent></middle-conent>
      <div style="display: inline">
      <TopSearchPanel></TopSearchPanel>
        <InterestedPeoplePanel></InterestedPeoplePanel>
      </div>
    </div>
  </div>
</template>

<script>
import navigation from '@/components/home-page/navigation'
import allmenu from '@/components/home-page/allmenu'
import MiddleConent from '@/components/home-page/MiddleConent'
import TopSearchPanel from '@/components/home-page/middle/TopSearchPanel'
import InterestedPeoplePanel from '@/components/home-page/middle/InterestedPeoplePanel'

export default {
  name: 'home',
  components: {

    navigation, allmenu, MiddleConent, TopSearchPanel, InterestedPeoplePanel
  }
}
</script>

<style>
.middle_content{
  display: flex;
  margin-top: 10px;
}
</style>
